<template>
  <svg style="display: none" xmlns="http://www.w3.org/2000/svg">
    <symbol id="icon-com-arrow-right" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"
      ></path>
    </symbol>
    <symbol id="icon-com-order" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <rect
        fill="none"
        height="18"
        rx="1"
        stroke="#000"
        stroke-width="1.5"
        width="14"
        x="5"
        y="3"
      />
      <path d="M8 7h8v1.5H8zM8 10h8v1.5H8zM8 13h6v1.5H8z" fill="#000"></path>
    </symbol>
    <symbol id="icon-oppo-logo" viewBox="0 0 85 22" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M10.09 13.786h-.001c-4.283-.046-7.05-2.083-7.05-5.19s2.767-5.144 7.05-5.19c4.285.046 7.052 2.083 7.052 5.19s-2.767 5.144-7.05 5.19zM10.216.898l-.13-.002-.129.002C4.094.994 0 4.16 0 8.596s4.094 7.603 9.956 7.698h.26c5.861-.095 9.955-3.26 9.955-7.698 0-4.437-4.094-7.602-9.955-7.698zM74.92 13.786h-.002c-4.283-.046-7.05-2.083-7.05-5.19s2.767-5.144 7.05-5.19c4.285.046 7.052 2.083 7.052 5.19s-2.767 5.144-7.05 5.19zM75.043.898l-.129-.002-.129.002C68.923.994 64.83 4.16 64.83 8.596s4.094 7.603 9.956 7.698h.26C80.906 16.199 85 13.034 85 8.596 85 4.16 80.906.994 75.044.898zM53.35 13.786h-.002c-4.283-.046-7.05-2.083-7.05-5.19s2.767-5.144 7.05-5.19c4.285.046 7.052 2.083 7.052 5.19s-2.767 5.144-7.05 5.19zM53.473.898l-.129-.002-.129.002c-2.793.046-5.184.788-6.923 2.033V1.618H43.26v19.486h3.034v-6.842c1.739 1.244 4.13 1.987 6.922 2.032h.259c5.862-.095 9.956-3.26 9.956-7.698 0-4.437-4.094-7.602-9.956-7.698zM31.717 13.786h-.002c-4.283-.046-7.05-2.083-7.05-5.19s2.767-5.144 7.05-5.19c4.285.046 7.053 2.083 7.053 5.19S36 13.74 31.717 13.786zm.13-12.888l-.13-.002-.128.002c-2.793.046-5.184.788-6.923 2.033V1.618h-3.034v19.486h3.034v-6.842c1.738 1.244 4.129 1.987 6.921 2.032h.26c5.862-.095 9.956-3.26 9.956-7.698 0-4.437-4.094-7.602-9.956-7.698z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-com-search" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M16.692 10.896a5.796 5.796 0 11-11.592 0 5.796 5.796 0 0111.592 0zm-1.163 5.765a7.396 7.396 0 111.131-1.131l3.841 3.84L19.37 20.5l-3.84-3.84z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-com-shop" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M17.5 8.5h-11V19a.5.5 0 00.5.5h10a.5.5 0 00.5-.5V8.5zM5 7v12a2 2 0 002 2h10a2 2 0 002-2V7H5zM14.5 7H16a4 4 0 00-8 0h1.5a2.5 2.5 0 015 0z"
        fill-rule="evenodd"
      ></path>
      <path
        clip-rule="evenodd"
        d="M9.5 10H8a4 4 0 008 0h-1.5a2.5 2.5 0 01-5 0z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-com-user2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M4.5 12a7.5 7.5 0 1015 0 7.5 7.5 0 00-15 0zM3 12a9 9 0 1018 0 9 9 0 00-18 0z"
        fill-rule="evenodd"
      ></path>
      <path
        clip-rule="evenodd"
        d="M12 12.535a2 2 0 100-4 2 2 0 000 4zm0 1.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z"
        fill-rule="evenodd"
      ></path>
      <path
        clip-rule="evenodd"
        d="M18.063 18.651a6.502 6.502 0 00-12.126 0 9.058 9.058 0 01-1.105-1.207A8 8 0 0112 13a8 8 0 017.168 4.443c-.331.436-.701.84-1.105 1.208z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-com-arrow-right-guide" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M17.24 12.9H5v-1.4h12.239l-4.37-4.37 1.061-1.06 5.6 5.6.53.53-.53.53-5.6 5.6-1.06-1.06 4.37-4.37z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-com-arrow-left-circle" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M18 0c9.978 0 18 8.113 18 18s-8.022 18-18 18S0 27.887 0 18 8.022 0 18 0z"
        fill-opacity=".08"
      ></path>
      <path
        clip-rule="evenodd"
        d="M15.3 17.556l4.726-5.946.775.977L16.5 18l4.3 5.413-.775.977-4.725-5.946a.737.737 0 010-.888z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-com-arrow-right-circle" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M18 0c9.978 0 18 8.113 18 18s-8.022 18-18 18S0 27.887 0 18 8.022 0 18 0z"
        fill-opacity=".08"
      ></path>
      <path
        clip-rule="evenodd"
        d="M20.7 18.444l-4.726 5.946-.775-.977L19.5 18l-4.3-5.413.775-.977 4.725 5.946a.737.737 0 010 .888z"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-overview" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M12.415 2.575a.5.5 0 00-.924 0l-.728 1.765a.949.949 0 01-.516.517l-1.766.727a.5.5 0 000 .925l1.766.727a.95.95 0 01.516.517l.728 1.765a.5.5 0 00.924 0l.728-1.765a.95.95 0 01.516-.517l1.766-.727a.5.5 0 000-.925l-1.766-.727a.951.951 0 01-.516-.517l-.728-1.765zm-.727 2.146l.265-.643.265.643a1.951 1.951 0 001.06 1.06l.644.266-.643.265a1.95 1.95 0 00-1.06 1.06l-.266.644-.265-.644a1.95 1.95 0 00-1.06-1.06l-.644-.265.644-.265a1.95 1.95 0 001.06-1.06zm-8.377-.097c.03-.03.07-.046.11-.046h4.595v-1H3.422a1.156 1.156 0 00-1.156 1.156v11h11a1.156 1.156 0 001.156-1.156V9.984h-1v4.594a.156.156 0 01-.156.156h-10v-10c0-.041.016-.081.045-.11z"
        fill-opacity=".85"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-menu" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
      <path
        clip-rule="evenodd"
        d="M6 13.594v-10.5h.75v10.5H6zM3.375 9.656V5.72h.75v3.937h-.75zm5.25-3.937v6.562h.75V5.72h-.75zm2.625 9.187v-10.5H12v10.5h-.75zm2.625-6.562v3.937h.75V8.344h-.75z"
        fill-opacity=".75"
        fill-rule="evenodd"
      ></path>
    </symbol>
    <symbol id="icon-replay" viewBox="0 0 28 29" xmlns="http://www.w3.org/2000/svg">
      <rect fill="#F5F4F0" height="28" rx="14" width="28" y=".742" />
      <path
        clip-rule="evenodd"
        d="M12.333 12.034a.625.625 0 000-1.25h-1.388a5 5 0 11-1.928 3.542H7.764a6.25 6.25 0 102.248-4.396V8.463a.625.625 0 00-1.25 0v3.571h3.571z"
        fill="#000"
        fill-rule="evenodd"
      />
    </symbol>
    <symbol id="arrow-right-circle-white" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
      <g>
        <path
          d="M24 0.123047C37.3041 0.123047 48 10.941 48 24.123C48 37.3051 37.3041 48.123 24 48.123C10.6959 48.123 0 37.3051 0 24.123C0 10.941 10.6959 0.123047 24 0.123047Z"
          fill="white"
          fill-opacity="0.28"
          class=""
        ></path>
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M27.6 24.7142L21.3 32.6426L20.2667 31.3394L26 24.1226L20.2667 16.9057L21.3 15.6026L27.6 23.531C27.8641 23.8577 27.8641 24.3875 27.6 24.7142Z"
          fill="white"
          class=""
        ></path>
      </g>
    </symbol>
  </svg>
</template>
